<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // const arr = [
    //   {
    //     姓名: '张三',
    //     年龄: 18,
    //     分数: 100
    //   },
    //   {
    //     姓名: '李四',
    //     年龄: 20,
    //     分数: 80
    //   },
    //   {
    //     姓名: '王五',
    //     年龄: 30,
    //     分数: 30
    //   },
    // ]
    // const obj = {
    //   姓名: 'name',
    //   年龄: 'age',
    //   分数: 'score'
    // }

    // const newArr = []

    // arr.forEach(item => {
    //   const o = {}
    //   // 遍历item
    //   for (let k in item) {
    //     o[obj[k]] = item[k]
    //   }
    //   console.log(o)
    // })


    // 对象的点语法和中括号语法说明
    // let obj = {
    //   name: 'zs',
    //   age: 18,
    //   gender: '男',
    //   'content-type': 'text/html'
    // }

    // let name = 'age'
    // 对象名.属性名  的
    // 对象名['属性名']
    //                       // 3         7
    // console.log(obj.name)    // zs        zs
    // console.log(obj['name']) // zs        zs
    // console.log(obj[name])   // undefined 18

    // console.log(obj['content-type'])

    // let obj = {
    //   name: 'zs',
    //   age: 18,
    //   gender: '男',
    //   'content-type': 'text/html'
    // }

    // // 对象遍历
    // for (let k in obj) {
    //   console.log(obj.k)
    //   console.log(obj['k'])
    //   console.log(obj[k])
    // }

    const arr = [
      {name: 'zs', age: 19, gender: '男'},
      {name: 'ls', age: 29, gender: '男'},
      {name: 'ww', age: 39, gender: '男'},
    ]
    // 变成
    const arr = [
      {姓名: 'zs', 年龄: 19, 性别: '男'},
      {姓名: 'ls', 年龄: 29, 性别: '男'},
      {姓名: 'ww', 年龄: 39, 性别: '男'},
    ]
  </script>
</body>
</html>
